<template>
  <el-select
    :value="value"
    :clearable="clearable "
    :filterable="filterable "
    placeholder="交易状态"
    @input="handleInput"
    @focus="handleFocus"
    @blur="handleBlur"
    @change="handleChange"
  >
    <el-option
      v-for="role in selectList"
      :key="role.code"
      :label="role.code_name"
      :value="role.code"/>
  </el-select>
</template>

<script>
import { getStatus } from '@/api/base/orgs'
import selectComponents from './selectComponents'

export default {
  name: 'TradeStatus',
  mixins: [selectComponents],
  data() {
    return {
      selectList: []
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    loadData() {
      getStatus().then(res => {
        this.selectList = res.data
      })
    }
  }
}
</script>
